<template>
    <div class="p-3 bg-white mb-2">
        <h3 class="my-2">
            <i class="sprite" :class="`sprite-${icon}`"></i>
            <span class="pl-2">{{title}}</span>
        </h3>
        <div class="bg-white">
            <slot name="body"></slot>
        </div>
    </div>
</template>

<script>
    export default {
        props:{
            title:String,
            icon:String
        }
    }
</script>

<style lang="scss" scoped>

</style>